このレッスンでは、C1TreeView コントロールに静的 C1TreeView 項目を追加する方法について説明します。XAML で C1TreeView コントロールに静的 C1TreeViewItem を追加するには、次の手順に従います。

1. C1TreeViewItem を追加して、"ジャンル一覧" という名前の最上位ノードを作成します。<Xaml:C1TreeViewItem> タグ内に Header="ジャンル一覧" を追加します。これにより、実行時に最上位ノードが作成されます。XAML マークアップは次のようになります。

   マークアップ	コードのコピー
   <Xaml:C1TreeViewItem Header="ジャンル一覧"></Xaml:C1TreeViewItem>

2. <Xaml:C1TreeViewItem> タグの下に２つの子 C1TreeViewItem を追加して、Book List ノードの２つの子ノードを作成します。Header="文学" を追加します。２番目の子ノードには、Header="ノンフィクション" を追加します。XAML マークアップは次のようになります。

   マークアップ	コードのコピー
   <Xaml:C1TreeViewItem Header="文学"/> <Xaml:C1TreeViewItem Header="ノンフィクション"/>

3. もう１つの <Xaml:C1TreeViewItem> タグを追加し、２つの子ノードを含む新しい最上位ノードを作成します。XAML マークアップは次のようになります。

   マークアップ	コードのコピー
   <Xaml:C1TreeViewItem Header="ビジネス"> <Xaml:C1TreeViewItem Header="Catch-22"/> <Xaml:C1TreeViewItem Header="経済学"/>

4. ２つの <Xaml:C1TreeViewItem> の終了タグを追加して、ジャンル一覧 ノードと ビジネス ノードを閉じます。これで、MainPage.xaml には、次の XAML マークアップが含まれます。

   マークアップ

   コードのコピー

   <Page xmlns:Xaml="using:C1.Xaml" x:Class="C1TreeViewQuickStart.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:C1TreeViewQuickStart" xmlns:d="http://schemas.microsoft.com/expression/blend/2008"     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d">     <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}"> <Xaml:C1TreeView x:Name="Tree">          <Xaml:C1TreeViewItem Header="ジャンル一覧">                 <Xaml:C1TreeViewItem Header="文学"/>                 <Xaml:C1TreeViewItem Header="ノンフィクション"/>                 <Xaml:C1TreeViewItem Header="ビジネス">                     <Xaml:C1TreeViewItem Header="Catch-22"/>                     <Xaml:C1TreeViewItem Header="経済学"/>                 </Xaml:C1TreeViewItem>          </Xaml:C1TreeViewItem> </Xaml:C1TreeView>     </Grid> </Page>

5. プロジェクトを実行します。Book ノードは展開されていません。このノードは、矢印マークをクリックすることで展開できます。

この手順では、C1TreeView コントロールにいくつかの C1TreeView 項目を追加しました。次の手順では、C1TreeView コントロールの動作と外観をカスタマイズします。